<!DOCTYPE html>
<html>
<head>
<!-- [START imports] -->
<script
  src="../../components/webcomponentsjs/webcomponents.js">
</script>
<link rel="import"
  href="../../components/core-toolbar/core-toolbar.html">
<link rel="import"
  href="../../components/core-header-panel/core-header-panel.html">
<link rel="import"
  href="../../components/core-icons/core-icons.html">
<link rel="import"
  href="../../components/paper-icon-button/paper-icon-button.html">
<link rel="import"
  href="../../components/paper-tabs/paper-tabs.html">
<!-- [END imports] -->
<style>
/* [START styles] */
body {
  font-family: sans-serif;
  background-color: #eee;
}
core-toolbar {
  background-color: #03A9F4;
}
/* [END styles] */
</style>
</head>
<body fullbleed unresolved>
  <!-- [START html] -->
  <core-toolbar class="medium-tall">

    <paper-icon-button id="navicon"
      icon="menu"></paper-icon-button>

    <span flex>Title</span>

    <paper-icon-button id="morebutton"
      icon="more-vert"></paper-icon-button>

    <paper-tabs class="bottom fit" selected="0">
      <paper-tab>ONE</paper-tab>
      <paper-tab>TWO</paper-tab>
    </paper-tabs>

  </core-toolbar>
  <!-- [END html] -->
</body>
</html>
